<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer"  content="webkit">
    <link rel="stylesheet" href="./css/dlk.css"/>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

    <script>
        function r()
        {

            var username=document.getElementById("username");

            var pass=document.getElementById("password");
            if(username.value=="")
            {
                alert("请输入用户名");
                username.focus();
                return;
            }
            if(pass.value=="")
            {
                alert("请输入密码");
                return;
            }
            return true;
        }
    </script>
</head>
<body>
<div align="center">
    <form action="">
        <p>Username:</p>
        <input type="email " id="username"><br/>
        <p>Password:&nbsp;&nbsp;<span style="font-size: 12px;color: #b2b2b3">Forgot your password?</span></p>
        <input type="password" id="password"><br/><br/><br/>
        <input type="checkbox" checked style="width:15px;height:15px"/> <span style="font-size: 8px">Keep me logged in</span>
        &nbsp;&nbsp;
        <input style="width: 80px;height:30px;border-radius: 5px; background-color: #61c8db" type="button" value="Login" onclick="r();">
    </form>
</div>
</body>
</html>